/* 模态 start */
$modal: (
  z-index: getCssVar(z-index, modal),
  background-color: #{getCssVar(color, bg, 1)},
);

/* 模态 end */

@include b(modal) {
  @include set-component-css-var(modal, $modal);

  &.el-dialog {
    overflow: visible;
  }

  .el-dialog__header {
    position: relative;
    padding: 0;
  }

  .el-dialog__body {
    height: 100%;
    padding: 0;
    background-color: getCssVar(modal, background-color);
  }

  // 模态关闭图标位置
  .el-dialog__headerbtn {
    top: -40px;
    right: -60px;

    // z-index: getCssVar(modal, z-index);
    border: getCssVar('spacing', 'super-tight') solid getCssVar(color, white);
    border-radius: getCssVar(border, radius, circle);
    @include flex(row, center, center);

    .el-dialog__close{
      font-size: getCssVar(font-size, header-4);
      color: getCssVar(color, white);
    }
  }
}
